*{
	padding: 0;
	margin: 0;
	   box-sizing: border-box;
}
body{
	background-image: url(../img/a2.jpg);
	background-size: 100%;
	
}

h2{
	display: inline-block;
    font-size: 100px;
    color: #7c7c7c;
    text-transform: uppercase;
    letter-spacing: 5px;
    cursor: pointer;	 visibility: hidden; /* 隐藏文本元素 */
	   animation: float-text 2s ease-in forwards; /* 播放动画，持续3秒，缓动效果为ease-in，持续结束时停留在最后一帧 */

}
h2 span{
    /* 动画过渡 */
    transition: 1.5s;
	
}
h2:hover span:nth-child(1){
    margin-right: 10px;
	color: #ffffff;
}
h2:hover span:nth-child(1)::after{
    content: "'" ;
	transition: 3s;
}
h2:hover span:nth-child(2){
    margin-left: 5px;
	color: #f6eef9;
}
h2:hover span:nth-child(3){
    margin-left: 15px;
	color: #aa5500;
}
h2:hover span{
    color: #fff;
    /* 文字阴影 */
    text-shadow: 0 0 10px #fff,
                0 0 20px #fff,
                0 0 40px #fff,
                0 0 80px #fff,
                0 0 120px #fff,
                0 0 160px #fff;
}
@keyframes float-text {
  0% {
	  opacity: 0;
    visibility: hidden; /* 第一帧隐藏文本元素 */
  transform: translateX(0deg);
  }
  100% {
	  transform: translateX(110deg);
	  opacity: 1;
    visibility: visible; /* 最后一帧显示文本元素 */
  }
}
	.btn1 {
		height: 30px;
		opacity: 0.3;
		top: 0;
		width: 30px;
		position: absolute;
		cursor: pointer;
		margin-top: 15%;
		letter-spacing: 10px;
		background-color: #dacdd5;
		transition: 1s;
	
	}
	.btn1:hover{
		width: 150px;
		opacity: 1;
	}
	.btn2 {
		height: 30px;
		opacity: 0.3;
		top: 0;
		cursor:pointer;
		width: 20px;
		position: absolute;
		margin-top: 25%;
		letter-spacing: 10px;
		background-color: #93ab25;
		transition: 1s;
	
	}
	.btn2:hover{
		width: 200px;
		opacity: 1;
	}
	.footer{
		         height: 40px;
		                line-height: 40px;
		                position: fixed;
		                bottom: 0;
		                width: 100%;
		                text-align: center;
		                background: #333;
		                color: #fff;
		                font-family: Arial;
		                font-size: 12px;
		                letter-spacing: 1px;
	}
	.btn4 {
		height: 30px;
		opacity: 0.3;
		top: 0;
		cursor:pointer;
		width: 30px;
		position: absolute;
		margin-top: 45%;
		letter-spacing: 10px;
		background-color: #ab2246;
		transition: 1s;
	
	}
	.btn4:hover{
		width: 200px;
		opacity: 1;
	}
	.footer img{
		height:90% ;
		border-radius: 50px;
	}
	.btn3{
		height: 30px;
		opacity: 0.3;
		top: 0;
		cursor:pointer;
		width: 20px;
		position: absolute;
		margin-top: 35%;
		letter-spacing: 10px;
		background-color: #bea7ce;
		transition: 1s;
	
	}
	.btn3:hover{
		width: 150px;
		opacity: 1;
	}